{% extends 'base.html' %}

{% set crumbs = [(url('landings.get_involved'), _('Help Other Users')), (none, _('Help Us Write Help Articles'))] %}
{% set styles = ('landings-get-involved',) %}

{% set canonical_url = canonicalize(viewname='landings.get_involved_kb') %}

{% block content %}
  <div class="grid_12">
    <img class="hero-img" src="{{ STATIC_URL }}sumo/img/gi-hero-kb.png" alt="">
    <div class="hero-bar secondary kb cf">
      <div class="column">
        <h1>{{ _('Help us write help articles!') }}</h1>
        <h2>{{ _('Share your wisdom with the world.') }}</h2>
        <p>
          {% trans %}
            If you like writing and teaching then the Knowledge Base is the
            place for you. We need contributors that can write, edit or proof
            read articles in English. Thousands of people are accessing our
            Knowledge Base every week. Imagine how many will be helped by you!
          {% endtrans %}
        </p>
      </div>
    </div>
  </div>

  {% set user_is_contributor = is_contributor(user) %}
  {% set signup_headline = _('Improve our help articles') %}
  {% include 'landings/includes/register_contributor.html' %}

  <div class="row cf pick-a-way">
    <div class="grid_12">
      <h3>{{ _('How it works') }}</h3>
    </div>
    <div class="grid_6">
      <ol class="callouts">
        <li>
          {% set message =  _('Sign up as a volunteer') %}
          {% if not user_is_contributor %}
            <a href="#" data-trigger="click" data-trigger-target="#sign-up-contributor">{{ message }}</a>
          {% else %}
            {{ message }}
          {% endif %}
        </li>
        <li>
          <a href="{{ url('forums.posts', 'contributors', 708942) }}">
            {{ _('Introduce yourself') }}
          </a>
        </li>
        <li>
          <a href="{{ url('wiki.document', 'improve-knowledge-base') }}">
            {{ _('Watch our videos and check our documentation') }}
          </a>
        </li>
      </ol>
    </div>
    <div class="grid_6 gi-visual">
      <div><img src="{{ STATIC_URL }}sumo/img/gi-visual-kb.png?v=1" alt=""></div>
      {{ _('1 article can be viewed by 400 million users and translated into 70+ languages') }}
    </div>
  </div>

  <div class="row cf pick-a-way">
    <div class="grid_4">
      <h3>{{ _('Other ways to get involved') }}</h3>
    </div>
    <div class="grid_4">
      <div class="get-involved-icon questions"></div>
      <a href="{{ url('landings.get_involved_questions') }}">
        {{ _('Answer questions in the support forum') }} &raquo;
      </a>
    </div>
    <div class="grid_4">
      <div class="get-involved-icon localize"></div>
      <a href="{{ url('landings.get_involved_l10n') }}">
        {{ _('Translate help to your languages') }} &raquo;
      </a>
    </div>
  </div>
{% endblock %}
